<template>
  <div>
    {{list}}
    <div> <el-button type="primary">按项目计费</el-button>
  <el-button type="success">按时间计费</el-button></div>

<el-form ref="form" :model="form" label-width="80px">
  <el-form-item label="标题">
       <el-input v-model="form.title"></el-input>
  </el-form-item>
    <el-form-item label="描述">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
     <el-form-item label="人才" v-show="flag">

  <el-tabs :tab-position="tabPosition" style="height: 200px;">
    <el-tab-pane :label="i.name" v-for="(i,j) in list" :key="j">
        <div v-for="(x,p) in i.son" :key="p">{{x.name}} <div v-for="(o,y) in x.sons" :key="y"><el-button @click="qi(i.name,x.name,o.tname)">{{o.tname}}</el-button></div>  </div>
    </el-tab-pane>
  </el-tabs>

  </el-form-item>
    <el-form-item label="描述">
    <el-input v-model="form.label" ></el-input>
    <el-button @click="bb">点击</el-button>
  </el-form-item>
  
 
  

 
 
  <el-form-item>
    <el-button type="primary" @click="onSubmit">立即创建</el-button>
    <el-button>取消</el-button>
  </el-form-item>
</el-form>

  </div>
</template>

<script>
export default {
    data(){
        return{
            form:{
                name:'',
            label:'',

            },
            tabPosition: 'left',
            list:[],
            flag:false
        }
    },
    methods:{
        gettypes(){
            this.axios.get('/gettypes')
            .then(res=>{
                this.list = res.data.list
            })
        },
        qi(name,oname,tname){
            this.form.label = name+oname+tname
            this.flag = false
        },
        bb(){
            this.flag = true

        }
    },
    mounted(){
        this.gettypes()

    }

}
</script>

<style>

</style>

Issue